<template>
    <div id="div11" style="width: 100%;height:30vh;"></div>
</template>
<script setup lang="ts">
import {onMounted} from 'vue'
import * as echarts from 'echarts';

onMounted(()=>{
 var myChart = echarts.init(document.getElementById('div11'));
  window.addEventListener('resize', function() {
    myChart.resize();
  });
type EChartsOption = echarts.EChartsOption;

var chartDom = document.getElementById('div11')!;
var myChart = echarts.init(chartDom);
var option: EChartsOption;
option = {
  legend: {
    top: 'bottom'
  },
  // toolbox: {
  //   show: true,
  //   feature: {
  //     mark: { show: true },
  //     dataView: { show: true, readOnly: false },
  //     restore: { show: true },
  //     saveAsImage: { show: true }
  //   }
  // },
  
  series: [
    {
     
      type: 'pie',
      radius: [30, 50],
      center: ['50%', '50%'],
      roseType: 'area',
      itemStyle: {
        borderRadius: 2,
        
      },
      
      data: [
        { value: 50, name: '已就业' },
        { value: 38, name: '返校重修' },
        { value: 32, name: '以往未就业' },
        { value: 30, name: '未就业' },
   
      
 
      ]
    }
  ]
};


option && myChart.setOption(option);


})

</script>